<template>
  <div class="banner">
    <mt-swipe :auto="4000">
      <mt-swipe-item>1</mt-swipe-item>
      <mt-swipe-item>2</mt-swipe-item>
      <mt-swipe-item>3</mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
  import { Swipe, SwipeItem } from 'mint-ui';
  export default {
  }
</script>
<style scoped>
  .banner {
    margin-top: 46px;
    height: 200px;
    width: 100%;
  }
  .mint-swipe-item {
    background-color: rgb(0, 137, 220)
  }
</style>
